      <ul class="nav navbar-top-links navbar-right pull-right">
        <li class="dropdown"> 
        <a class="dropdown-toggle waves-effect waves-light " data-toggle="dropdown" href="#"><i class="fa fa-envelope"></i>
        <% if @unread_message_count > 0 %>
          <div class="notify" >
            <span class="heartbit"></span><span class="point"></span>
          </div>
          <% end %>
        </a>
          <%= render :partial => "restaurants/partials/message/message_box" %>
          <!-- /.dropdown-messages -->
        </li>
        <!-- /.dropdown -->        
        <!-- <li class="right-side-toggle"> <a class="waves-effect waves-light" href="javascript:void(0)"><i class="ti-settings"></i></a></li> -->
        <!-- /.dropdown -->
      </ul>